设置QPushbutton按钮背景、鼠标滑过状态、鼠标点击后状态用法 |
您所在的位置:网站首页 › 按钮 背景图片 › 设置QPushbutton按钮背景、鼠标滑过状态、鼠标点击后状态用法 |
注意:当某个控件或者QWigdet的背景图片被同一幅图片重复充满时,可以用QSS设置取消重复。即: pushButton->setStyleSheet("QPushButton{background-repeat: no-repeat;}");
1.1当要设置QPushbutton按钮背景,字体颜色,鼠标滑过状态,鼠标单击后状态时,可以用QSS来设置,具体的代码如下: QPushButton *allSelect = new QPushButton; allSelect->setStyleSheet("QPushButton{border-image: url(:/1.png) 0 0 0 0;border:none;color:rgb(255, 255, 255);}" "QPushButton:hover{background-color: rgb(20, 62, 134);border:none;color:rgb(255, 255, 255);}" "QPushButton:checked{background-color: rgb(20, 62, 134);border:none;color:rgb(255, 255, 255);}");
1.2另一种设置按钮图标显示。下面代码功能是在一个按钮内显示图标和文字,效果为左图标,右文字。当鼠标滑过时图标切换为另一个图标。当点击鼠标后又切换到另一个图标。具体代码如下: QPushButton *readyRecoveryBtn = new QPushButton("str"); readyRecoveryBtn->setFixedSize(QSize(95,20)); readyRecoveryBtn->setStyleSheet("QPushButton{background-image: url(:res/1.png);background-repeat: no-repeat;background-position:left;border:none;color:white;}" "QPushButton:hover{background-image: url(:res/1.png);background-repeat: no-repeat;background-position:left;border:none;color:rgb(255, 255, 255);}" "QPushButton:pressed{background-image: url(:res/1.png);background-repeat: no-repeat;background-position:left;border:none;color:rgb(255, 255, 255);}");
参考内容: http://www.cnblogs.com/wangqiguo/p/4960776.html |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |